<li class="list-group-item">
  <div class="doc-item">
    <div>
      <div class="box-side">
        <a target="_blank" href="#">
          <img src="#"/><!-- user avatar -->
        </a> <!-- user -->
      </div>
      <div class="box-main">
        <p class="title">
          <a target="_blank">#文档标题#</a><br/>
          <span class="text-muted">#文档子标题#</span>
        </p>

        <div class="doc-meta"></div>
        <div class="doc-preview">
          <!-- 文档预览 -->
        </div>
      </div>
    </div>
  </div>
</li>